import React from 'react'

export default class Ref extends React.Component {

    /* 
    目的：不是通过事件对象获取表单元素的值，需要使用ref

    步骤：
    1、创建ref
    2、绑定ref属性
    3、获取ref属性所对应的值
    
    */
   constructor(){
       super()

       this.state={
           val:''
       }
       this.refTxt=React.createRef()
   }

    changHandle = () => {
        console.log(this.refTxt.current.value,1111);
        this.setState({
            val:this.refTxt.current.value
        })
    }
    render() {
        return (
            <div>类组件=={this.state.val}===
                <input ref={this.refTxt}  type='text' onChange={this.changHandle} />
            </div>
        )
    }
}